<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>审计系统</title>

    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/form-elements.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/confirm-dialog.css">
    <link rel="shortcut icon" href="icon/favicon.png">
</head>
<body>
<div class="top-content">
    <div class="inner-bg">
        <div class="container">

            <div class="row">
                <div class="col-sm-8 col-sm-offset-2 text">
                    <h1>审计系统登录注册</h1>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-5">
                    <div class="form-box">
                        <div class="form-top">
                            <div class="form-top-left">
                                <h3>登录</h3>
                                <p>输入用户名和口令</p>
                            </div>
                            <div class="form-top-right">
                                <i class="fa fa-key"></i>
                            </div>
                        </div>
                        <div class="form-bottom">
                            <form role="form" class="login-form">
                                <div class="form-group">
                                    <label class="sr-only" for="form-username">Username</label>
                                    <input type="text" name="form-username" placeholder="Username..."
                                           class="form-username form-control" id="form-username">
                                </div>
                                <div class="form-group">
                                    <label class="sr-only" for="form-password">Password</label>
                                    <input type="password" name="form-password" placeholder="Password..."
                                           class="form-password form-control" id="form-password">
                                </div>
                                <button type="submit" class="btn">登录</button>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="col-sm-1 middle-border"></div>
                <div class="col-sm-1"></div>
                <div class="col-sm-5">
                    <div class="form-box">
                        <div class="form-top">
                            <div class="form-top-left">
                                <h3>现在注册</h3>
                                <p>填写下方表格来立即进入系统</p>
                            </div>
                            <div class="form-top-right">
                                <i class="fa fa-pencil"></i>
                            </div>
                        </div>
                        <div class="form-bottom">
                            <form role="form" class="registration-form">
                                <div class="form-group">
                                    <label class="sr-only" for="form-user-name">Username</label>
                                    <input type="text" name="form-user-name" placeholder="Input your username"
                                           class="form-user-name form-control" id="form-user-name">
                                </div>
                                <div class="form-group">
                                    <label class="sr-only" for="form-password1">Password</label>
                                    <input type="password" name="form-password1"
                                           placeholder="Input your password"
                                           class="form-password1 form-control" id="form-password1">
                                </div>
                                <div class="form-group">
                                    <label class="sr-only" for="form-password2">Password</label>
                                    <input type="password" name="form-password2"
                                           placeholder="Confirm your password"
                                           class="form-password2 form-control" id="form-password2">
                                </div>
                                <div class="form-group">
                                    <label class="sr-only" for="form-nickname">Nickname</label>
                                    <input type="text" name="form-nickname" placeholder="Input your nickname"
                                           class="nickname form-control" id="form-nickname">
                                </div>
                                <button type="submit" class="btn">注册</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<script src="js/third/jquery-3.1.1.min.js"></script>
<script src="js/third/bootstrap.js"></script>
<script src="js/third/confirm-dialog.js"></script>
<script src="js/third/cookie.js"></script>
<script src="js/my/login.js"></script>
</body>
</html>